<?php
include "includes/ui.php";
$title_header='ข้อมูลบุคลากร';
echo headerHTML("employee",$title_header);
?>
<style media="all" type="text/css">
   td.alignLeft{ 
				padding-left:10px !important;
				text-align:left; 
				}
</style>
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> เพิ่มบุคลากร</h3>
        </div>
    <form class="form-horizontal" style="margin-bottom: 0px!important;">
        <div class="modal-body" style="overflow-y:auto;">
                        <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> รหัสประจำตัว <span class='medatory'>*</span></label>
                                <div class="controls">
                                     <input type="text" id="txtCode" class='span3' maxlength="10" required placeholder="....">
                                </div>
                        </div>
						  <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> บัตรประชาชน <span class='medatory'>*</span></label>
                                <div class="controls">
                                     <input type="text" id="txtIDCard" class='span3' maxlength="15" required placeholder="....">
                                </div>
                        </div>
						 <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ชื่อ-นามสกุล <span class='medatory'>*</span></label>
                                <div class="controls">
									 <select class="no-margin" id='cboTitle' style='width:100px;'>
										<option value="0" selected>นาย</option>
										<option value="1" >นางสาว</option>
										<option value="2" >นาง</option>
									</select>
                                     <input type="text" id="txtEmployeeName" class='span2' required maxlength="100" placeholder="ชื่อ-นามสกุล">
                                </div>
                        </div>
						
						<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> แผนก/ฝ่าย &nbsp;</label>
                                <div class="controls">
                                    <select class="no-margin" id="cboDepartment" style='width:200px;'>
									</select>
                                </div>
                        </div>
						 <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> เงินเดือน &nbsp;</label>
                                <div class="controls">
                                  <input type="text" id="txtSalary"  maxlength="7" class='span3' placeholder="0"/>
                                </div>
                        </div>
						 <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ค่าสอนพิเศษ &nbsp;</label>
                                <div class="controls">
                                  <input type="text" id="txtCost_Fee"  maxlength="7" class='span2' placeholder="0" value="0" />
								  <span class="help-inline" style="font-weight:normal;color:blue;">(เฉพาะตอนเย็น)</span>
                                </div>
                        </div>
						<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> หมายเลขบัญชี &nbsp;</label>
                                <div class="controls">
                                  <input type="text" id="txtAccount"  maxlength="20" class='span3' placeholder=""/>
                                </div>
                        </div>
						<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> วันที่บรรจุ &nbsp;</label>
                                <div class="controls">
                                     <input type="text" id="txtDateIn" data-date-format="dd/mm/yyyy" maxlength="15" style='width:100px !important;' class='span2' placeholder=""/>
                                </div>
                        </div>
						<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> วุฒิการศึกษา &nbsp;</label>
                                <div class="controls">
                                    <input type="text" id="txtEducation"  maxlength="100" class='span3' placeholder="..."/>
                                </div>
                        </div>
							<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> เบอร์โทรศัพท์ &nbsp;</label>
                                <div class="controls">
                                    <input type="text" id="txtTelephone" maxlength="10" class='span3' placeholder="08X-XXXXXXX"/>
                                </div>
                        </div>
						 <div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ที่อยู่ปัจจุบัน &nbsp;</label>
                                <div class="controls">
                                    <textarea rows="2"  id="txtAddress"   class="span3"></textarea>
                                </div>
                        </div>
						<div class="control-group">
                                <label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> สถานะ&nbsp;</label>
                                <div class="controls">
                                    <select class="no-margin" id="cboStatus" style='width:200px;'>
									</select>
                                </div>
                        </div>
 
        </div>

        <div class="modal-footer">
			   <button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
				<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        </div>
	</form>
</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> <?php echo $title_header;?></h3>
            <div class='tmp' style='float:right'>
			<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
			<?php if ($add == 1){ ?>
                  <a href="#popup" data-toggle="modal"><button class="btn btn-primary" id="btnAdd"  tooltip="Add">เพิ่ม</button></a>
			<?php } ?>
			
			</div>
        </div>
        <!-- /  : Top Bar -->
		
        <!-- Pie: Content -->
        <div class="well no-padding">
			<div class="span12">
			<form class="form-horizontal" style="margin-bottom:0px;">
				<div class="row-fluid" id='dvSearch'>
				 
					<div class="control-group" >
							<label class="control-label"   for="inputName"><i class="icon-double-angle-right"></i>รหัสประจำตัว</label>
							<div class="controls">
								<input type="text" id="txtCode_s" maxlength="10" style='width:150px;' placeholder="รหัสประจำตัว">
								<span class="help-inline" style="font-weight:bold;margin-left:30px;">บัตรประชาชน&nbsp;</span>
								<input type="text" id="txtId_s" maxlength="13" style='width:150px;' placeholder=""/>
								<span class="help-inline" style="font-weight:bold;margin-left:30px;">ชื่อ-นามสกุล&nbsp;</span>
								<input type="text" id="txtName_s" maxlength="80" placeholder="ชื่อ-นามสกุล"/>
							</div>
							
					  </div>
						  
					<div class="control-group" >
						<label class="control-label" style='padding-top:5px;'><i class="icon-double-angle-right"></i>ฝ่าย/แผนก</label>
						<div class="controls">
							 
							<select class="no-margin span3" id="cboDepartment_s"  style="width:210px !important;">
							</select>
							 &nbsp;&nbsp;
							 <span class="help-inline" style="font-weight:bold;margin-left:30px;">สถานะ&nbsp;</span>
							 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
							 <select class="no-margin span3" id="cboStatus_s"   style="width:210px !important;">
							</select>
							
							 <button class="btn btn-inverse" type='button' style='height:30px;margin-left:50px;' id='btnSearch' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
						</div>
						
					</div>
			 
					 
				</div>
			</form>
		</div>

            <table class="data-table" id="resultData">
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:30px !important;'>#</th>
						<th style='color:#333 !important;width:0px !important;'>0</th>
						 <th style='color:#333 !important;width:130px !important;'>บัตรประชาชน</th>
                        <th style='color:#333 !important;width:130px !important;'>รหัสประจำตัว</th>
                        <th style='color:#333 !important;' class='center'>ชื่อ - นามสกุล</th>
						<th style='color:#333 !important;width:140px;' class="center">แผนก/ฝ่าย </th>
						<th style='color:#333 !important;width:130px;' class="center">โทรศัพท์</th>
						<th style='color:#333 !important;width:120px;' class="center">สถานะ</th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
						<th style='color:#333 !important;width:0px !important;display:none;'></th>
                        <th style='color:#333 !important;width:50px !important' class="center">แก้ไข</th>
                        <th style='color:#333 !important;width:50px !important' class="center">ลบ</th>
                    </tr>
                </thead>
                <tbody>
					
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_employee.js"></script>


</html>